.item {
    $gutter: 30px;

    color: #2D394B;
    overflow: hidden;
    transition: all 0.2s;
    display: flex;
    padding: 20px 10px;
    position: relative;
    border-bottom: 1px solid rgba(227, 81, 145, .4);

    &:not(:last-child) {
        margin-bottom: $gutter;
    }

    &:first-child {
        margin-top: 30px;
    }

    // 中间 标题 求购数量
    &_cen {
        $wl: 60%;
        $wr: 40%;
        width: 100%;
        flex: 0 0 100%;
        display: flex;
        justify-content: space-between;
        margin-top: 20px;
        padding: 0 40px;

        &_name {
            display: flex;
            align-items: flex-start;
            padding-right: 30px;
            font-size: 16px;
            font-weight: bold;
            color: #000;

            &:hover {
                color: #D53B76;
            }
        }

        // 中间左侧
        &_l {
            width: $wl;
            flex: 0 0 $wl;
        }

        // 中间右侧
        &_r {
            width: $wr;
            flex: 0 0 $wr;
            padding-left: 4vw;
        }
    }

    &_txt {
        color: #838383;
        font-size: 14px;
    }

    // 下间距
    .mb {
        margin-bottom: 20px;
    }

    // 类型标签
    .tag {
        padding: 4px 26px 4px 16px;
        font-size: 16px;
        font-weight: 400;
        color: #FFFFFF;
        text-align: center;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 11;
        border-radius: 10px 0 40px 0;

        &1 {
            background-color: #836FFF
        }

        &2 {
            background-color: #FFBE3B;
        }
    }


    @media (min-width: 1441px) and (max-width: 1750px) {
        @function scale($currentSize) {
            @return calc(#{$currentSize} * #{$global_scale_1600});
        }

    }

    @media screen and (min-width: 1100px) and (max-width: 1440px) {
        @function scale($currentSize) {
            @return calc(#{$currentSize} * #{$global_scale_1600});
        }
    }

    @media (max-width: 767px) {
        @function scale($currentSize) {
            @return calc(#{$currentSize} * #{$global_scale_750});
        }
        &_cen {
            $wl: 100%;
            $wr: 100%;
            display: block;
            padding: 0;
            &_l {
                width: $wl;
                flex: 0 0 $wl;
            }
    
            // 中间右侧
            &_r {
                width: $wr;
                flex: 0 0 $wr;
                padding-left:0;
                padding-top: 6px;
            }
        }
    }
}